
<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"><meta name="format-detection" content="telephone=no">
	<title>form-serialize</title>
	<link rel="stylesheet" href="${root}assets/agile/css/agile.layout.css">
<link rel="stylesheet" href="${root}assets/third/seedsui/plugin/seedsui/seedsui.min.css">
    
</head>

<body>
<div id="section_container">
    <section data-role="section" id="page_form_serialize" class="active">
    	<header>
    	    <div class="titlebar">
    	        <a data-toggle="back" href="#"><i class="icon icon-arrowleft"></i></a>
    	        <h1 class="text-center">编辑用户</h1>
    	       
    	    </div>
    	</header>
    	<article id="main_article" data-role="article" class="active">
    	<form id="form1" action="update_user" method="post">
                <div class="group">
                    <div class="row">
                        <label class="row-left">电话</label>
                        <div class="row-right input-box" data-input="clear">
                            <input type="text" placeholder="电话" name="phone" value="${obj.phone!}" data-rule-field="电话" data-rule="required phone"/>
                            <i class="icon icon-clear-fill color-placeholder"></i>
                        </div>
                    </div>
                    
                    <div class="row">
                        <label class="row-left">姓名</label>
                        <div class="row-right input-box" data-input="clear">
                            <input type="text" placeholder="姓名" name="name" value="${obj.name!}" data-rule-field="姓名" data-rule="required name"/>
                            <i class="icon icon-clear-fill color-placeholder"></i>
                        </div>
                    </div>
                    <div class="row">
                        <label class="row-left">职位</label>
                        <div class="row-right input-box" data-input="clear">
                            <input type="text" placeholder="职位" name="post" value="${obj.post!}" data-rule-field="职位" data-rule="name"/>
                            <i class="icon icon-clear-fill color-placeholder"></i>
                        </div>
                    </div>
                    <div class="row">
                        <label class="row-left">微信</label>
                        <div class="row-right input-box" data-input="clear">
                            <input type="text" placeholder="微信" name="wx" value="${obj.wx!}" data-rule-field="微信" data-rule="wx"/>
                            <i class="icon icon-clear-fill color-placeholder"></i>
                        </div>
                    </div>
                    
                    <button class="radius4 button block margin8" id="submit" style="width: 96%;">保存设置</button>
                </div>
                
            </form>
    	</article>
    </section>
</div>
<!--- third -->
	<script src="${root}assets/third/jquery/jquery-2.1.3.min.js"></script>
	<script src="${root}assets/third/jquery/jquery.mobile.custom.min.js"></script>
	<!---  agile -->
	<script type="text/javascript" src="${root}assets/agile/js/agile.js"></script>
<script type="text/javascript" src="${root}assets/bridge/exmobi.js"></script>
<script type="text/javascript" src="${root}assets/bridge/agile.exmobi.js"></script>			
	<!-- app -->
	<script type="text/javascript" src="${root}assets/app/js/app.seedsui.js"></script>
	<script type="text/javascript" src="${root}assets/third/seedsui/plugin/seedsui/seedsui.min.js"></script>
	<script>
	window.addEventListener("load",function(){
		var f=new Form("#form1");
        var a=new Alert();
        $('#submit').on(A.options.clickEvent, function(){
        	var isOk=f.validate();
	        if(isOk){
	        	return true;
	        }
	        return false;
        });
	},false);
	</script>

</body>
</html>
